<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" href="../css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../css/yahoo.css"/>
    <!--导航部分-->
    <link rel="stylesheet" href="../css/grzx-nav.css"/>
    <!--footer部分-->
    <link rel="stylesheet" href="../css/footer.css"/>
    <!--个人设置css-->
    <link rel="stylesheet" href="../css/grzx/grzx-grsz.css"/>
    <!--mask部分-->
    <link rel="stylesheet" href="../css/mask.css"/>
    <link rel="stylesheet" href="../css/qrcode.css"/>

    <script src="../js/jquery.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <title>个人设置</title>
</head>
<body>
<!--导航部分-->
<div class="navcom" style="width: 100%">
    <div class="wrap1200 clearfix" style="height: 85px;position: relative">
        <ul class="fl nav-ul">
            <li>
                <div class="shiZ">
                    <span>学院门户 <i class="glyphicon glyphicon-menu-down" aria-hidden="true" style="margin-left: 15px"></i></span>
                </div>
            </li>
            <li class="active">
                <a href="##">首页</a>
            </li>
            <li>
                <a href="###" style="color: red">服务中心</a>
            </li>
            <li>
                <a href="###">个人中心</a>
            </li>
            <li>
                <a href="###">课程超市</a>
            </li>
            <li>
                <a href="###">网院公开课</a>
            </li>
            <li>
                <a href="###">直播课堂</a>
            </li>
        </ul>
        <div class="search fr">
            <form>
                <input type="text" class="ipt" id="text"/>
                <span class="glyphicon glyphicon-search souS" aria-hidden="true"></span>
            </form>
            <div id="loginCsiDiv" >
                <input type="button" value="登录" style="border:0;background: white;display: none" class="enter liactive"/>
                <div class="s-dl" style="display: none">
                    <span><i>99</i></span>
                    <div class="personal" style="z-index:101;">
                        <div class="s-dl2"></div>
                        <div class="s-per">
                            <p>张三 <span>（英语外教)</span></p>
                            <p>南方中学</p>
                        </div>
                        <ul>
                            <li><a href="##"><i class="s-per-i1"></i>学习空间</a></li>
                            <li><a href="##"><i class="s-per-i2"></i>智慧商城</a></li>
                            <li><a href="###"><i class="s-per-i3"></i>会员中心</a></li>
                        </ul>
                        <div class="quit"><a href="##">安全退出</a></div>
                    </div>
                </div>
            </div>
        </div>
   
        <div class="sz-list">
            <div class="sz-list-content">
                <div class="mh">
                    <p class="mh-name">门户</p>
                    <ul class="mh-list">
                        <li><a href="##">株洲市教师教育网络学院门户</a></li>
                    </ul>
                </div>
                <div class="sxy">
                    <p class="sxy-name">市学院</p>
                    <ul class="sxy-list">
                        <li><a href="##">株洲教师教育网络学院</a></li>
                    </ul>
                </div>
                <div class="qfy">
                    <p class="qfy-name">区分院</p>
                    <ul class="sxy-list">
                        <li><a href="##">市直属教师教育网络学院门户</a></li>
                        <li><a href="##">市直属教师教育网络学院门户</a></li>
                        <li><a href="##">市直属教师教育网络学院门户</a></li>
                        <li><a href="##">市直属教师教育网络学院门户</a></li>
                        <li><a href="##">市直属教师教育网络学院门户</a></li>
                        <li><a href="##">市直属教师教育网络学院门户</a></li>
                    </ul>
                </div>
                <div class="xfy">
                    <p class="xfy-name">县学院</p>
                    <ul class="xfy-list">
                        <li><a href="##">茶陵教师教育网络学院门户</a></li>
                        <li><a href="##">茶陵教师教育网络学院门户</a></li>
                        <li><a href="##">茶陵教师教育网络学院门户</a></li>
                        <li><a href="##">茶陵教师教育网络学院门户</a></li>
                    </ul>
                </div>
            </div>
        </div>

    </div>
</div>
<!--导航栏结束-->
<div class="c-grsz">
    <div class="c-contenting wrap1200 clearfix">
        <div class="c-grsz-l">
            <div class="c-grsz-l-pic"></div>
            <p>张三</p>
            <p>南方中学</p>
            <p class="c-grsz-l-p">（英语外教）</p>
            <p class="c-grsz-l-p">430203 19900101 1111</p>
        </div>
        <div class="c-grsz-r">
            <div class="c-grsz-div">
                &nbsp;<a href="###"><span class="glyphicon glyphicon-cog
" aria-hidden="true"></span></a>
                <h5>个人设置</h5>
                <p>完成<span>3</span><span>/4</span></p>
            </div>
            <div class="c-grsz-content">
                <div class="c-grsz-content-list">
                    <div class="c-grszlist"></div>
                    <p>邮箱</p>
                    <span>66133333@qq.com</span>
                    <a href="##" class="email">编辑</a>
                </div>
                <div class="c-grsz-content-list">
                    <div class="c-grszlist1"></div>
                    <p>手机</p>
                    <span>13973333333</span>
                    <a href="##" class="phone">编辑</a>
                </div>
                <div class="c-grsz-content-list">
                    <div class="c-grszlist2"></div>
                    <p>密码</p>
                    <span>已设置（用于保护账号信息和登录安全）</span>
                    <a href="##" class="password">编辑</a>
                </div>
                <div class="c-grsz-content-list">
                    <div class="c-grszlist3"></div>
                    <p>个人简介</p>
                    <span>快递费加快递费既定开发的疯狂的九分裤的就飞快的</span>
                    <a href="##" class="person">编辑</a>
                </div>
            </div>
        </div>
    </div>
</div>

<!--foorer部分-->
<div class="footer" style="margin-top: 253px">
    <div>
        <p>主办：株洲市教师培训中心</p>
        <p>湘ICP备10001590号　办公室：0731-22529866</p>
        <p>Copyright © 2005-2011</p>
        <p>湖南润成天睿教育网络科技提供技术支持</p>
    </div>
</div>
<!--遮罩层部分-->
<div class="mask">
    <div class="mask-login">
        <div class="mask-login-con">
            <h6>密码登录</h6>
            <form>
                <div class="form-group">
                    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="身份证号码">
                </div>
                <div class="form-group">
                    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="6-16位密码，不区分大小写">
                </div>
                <div class="checkbox">
                    <label>
                        <input type="checkbox">下次自动登录
                    </label>
                    <a href="##">忘记密码</a>
                </div>
                <button type="submit" class="btn btn-default">登录</button>
            </form>
            <a href="##" class="glyphicon glyphicon-remove" aria-hidden="true"></a>
        </div>
    </div>
</div>


<!--邮箱罩层-->
<div class="mask1">
    <div class="mask-login">
        <div class="mask-login-con">
            <h6>邮箱验证</h6>
            <form>
                <div class="form-group">
                    <span>密&nbsp;&nbsp;&nbsp;&nbsp;码：</span>
                    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="请输入密码">
                  
                </div>
                <div class="form-group">
                 <span> 验证码：</span>
                 <input type="password" class="form-control" id="exampleInputPassword1" placeholder="请输入验证码" style="width: 150px;">
                 <span class="tupian">验证码</span>
                
                </div>
                <div class="checkbox">
                   <button>确定</button>
                   <button class="off">取消</button>
                </div>
            </form>
            <a href="##" class="glyphicon glyphicon-remove" aria-hidden="true"></a>
        </div>
    </div>
</div>


<!--手机验证-->
<div class="mask2">
    <div class="mask-login">
        <div class="mask-login-con">
            <h6>手机绑定</h6>
            <form>
                <div class="form-group">
                    <span>手机号：</span>
                    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="请输入您的手机号码">
                  
                </div>
                <div class="form-group">
                 <span> 验证码：</span>
                 <input type="password" class="form-control" id="exampleInputPassword1" placeholder="请输入验证码" style="width: 150px;">
                 <span class="tupian">点击获取验证码</span>
                
                </div>
                <div class="checkbox">
                   <button>确定</button>
                   <button class="off">取消</button>
                </div>
            </form>
            <a href="##" class="glyphicon glyphicon-remove" aria-hidden="true"></a>
        </div>
    </div>
</div>


<!--密 码-->
<div class="mask3">
    <div class="mask-login">
        <div class="mask-login-con">
            <h6>修改密码</h6>
            <form>
                <div class="form-group">
                    <span>原始密码：</span>
                    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="请输入您的原始密码">
                  
                </div>
                <div class="form-group">
                 <span>新密码：</span>
                 <input type="password" class="form-control" id="exampleInputPassword1" placeholder="请输入您的新密码">
                
                </div>
                <div class="form-group">
                 <span>确认密码：</span>
                 <input type="password" class="form-control" id="exampleInputPassword1" placeholder="请再次输入新密码">
                
                </div>
                <div class="checkbox">
                   <button>确定</button>
                   <button class="off">取消</button>
                </div>
            </form>
            <a href="##" class="glyphicon glyphicon-remove" aria-hidden="true"></a>
        </div>
    </div>
</div>


<!--个人-->
<div class="mask4">
    <div class="mask-login">
        <div class="mask-login-con">
            <h6>个人简介</h6>
            <form>
               <textarea name="" rows="10" cols="32" placeholder="请说出你的故事 。。。"></textarea>
                <div class="checkbox">
                   <button>确定</button>
                   <button class="off">取消</button>
                </div>
            </form>
            <a href="##" class="glyphicon glyphicon-remove" aria-hidden="true"></a>
        </div>
    </div>
</div>



































































<!--二维码-->
<div class="aQrcode">
    <div class="QRcode">
        <a href="">
            <span class="QRcode-1"><img src="../img/001.png"/></span>
           	 <span class="QRcode-2">
           	 	<p>意见</p>
           		<p>反馈</p>
           	 </span>
        </a>
        <a href="">
            <span class="QRcode-1"><img src="../img/002.png"/></span>
           	<span class="QRcode-2">
           		<p>扫码</p>
           		<p>下载</p>
           	</span>
        </a>
        <a href="">
            <span class="QRcode-1"><img src="../img/003.png"/></span>
           	<span class="QRcode-2">
           		<p>官方</p>
           		<p>微信</p>
           	</span>
        </a>
    </div>
    <div class="QRcode-3">
        <p>扫描二维码下载手机app</p>
        <img src="../img/004.png"/>
    </div>
    <div class="QRcode-4">
        <p>扫描二维码关注官方微信</p>
        <img src="../img/004.png"/>
    </div>
</div>

</body>
<!--mask部分-->
<script src="../js/mask.js"></script>
<script src="../js/nav.js"></script>
<script src="../js/qrcode.js"></script>

</html>